<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>ant-b</title>
    <link rel="stylesheet" href="./css/bootstrap.min.css">
    <link rel="stylesheet" href="./css/style.css">
    <link rel="stylesheet" href="./css/Iconfont.css">
    <link rel="stylesheet" href="./css/v-tab.css">
    <link rel="stylesheet" href="./css/ant-b.css">
    <script src="./js/jquery.min.js"></script>
    <script src="./js/bootstrap.min.js"></script>
    <script src="./js/v-tab.js"></script>
</head>

<body>

    <div class="nav">
        <div class="nav-container w1200">

            <div class="logo">
                <a href="">
                    <img src="./img/logo.png" alt="logo丢失"></div>
            </a>

            <div class="menu">
                <ul>
                    <li><a href="./index.html">首页</a></li>
                    <li id="cp"><a href="javascript:;">产品</a>
                        <div class="sub-cp" style="display: none;">
                            <a href="./ant-b.html">蚁蜂数据</a>
                            <a href="./operation.html">智慧运维</a>
                            <a href="./community.html">智慧社区</a>
                        </div>
                    </li>
                    <li><a href="./operation.html">解决方案</a></li>
                    <li><a href="./community.html">项目案例</a></li>
                    <li><a href="javascript:;">新闻动态</a></li>
                    <li><a href="javascript:;">关于我们</a></li>
                </ul>
            </div>

            <div class="search">
                <input type="text">
                <button class="search-cion">
                    <span class="iconfont icon-search"></span>
                </button>
            </div>

            <div class="navbar">
                <a id="navbar-toggle" href="javascript:;">
                    <span class="iconfont icon-xialacaidan" style="color: #fff;"></span>
                </a>
            </div>

        </div>

        <div id="mb-nav" class="panel-group">
            <div class="panel panel-default" id="nav_panel">
                <div class="panel-heading">
                    <a data-toggle="collapse" data-parent="#nav_panel" href="#collapse1">
                        产品
                    </a>
                </div>
                <div id="collapse1" class="panel-collapse collapse">
                    <div class="panel-body">
                        <div><a href="./ant-b.html">蚁蜂数据</a></div>
                        <div><a href="./operation.html">智慧运维</a></div>
                        <div><a href="./community.html">智慧运维</a></div>
                    </div>
                </div>
            </div>
            <div class="panel panel-default" id="nav_panel">
                <div class="panel-heading">
                    <a data-toggle="collapse" data-parent="#nav_panel">
                        解决方案
                    </a>
                </div>

            </div>
            <div class="panel panel-default" id="nav_panel">
                <div class="panel-heading">
                    <a data-toggle="collapse" data-parent="#nav_panel">
                        项目案例
                    </a>
                </div>
            </div>
            <div class="panel panel-default" id="nav_panel">
                <div class="panel-heading">
                    <a data-toggle="collapse" data-parent="#nav_panel">
                        新闻动态
                    </a>
                </div>
            </div>
            <div class="panel panel-default" id="nav_panel">
                <div class="panel-heading">
                    <a data-toggle="collapse" data-parent="#nav_panel">
                        关于我们
                    </a>
                </div>
            </div>
            <div class="panel panel-default" id="nav_panel">
                <div class="panel-heading">
                    <a data-toggle="collapse" data-parent="#nav_panel">
                        搜索
                    </a>
                </div>
            </div>
        </div>
    </div>

    <script>
        $(document).ready(function () {
            $("#navbar-toggle").on("click", function () {
                $("#mb-nav").slideToggle(500);
            })
        });
    </script>

    <div class="banner">
        <img src="./img/ant-banner.png" alt="">
    </div>

    <div class="characteristic paddingTB">

        <div class="w1200">
            <div class="head-title" style="background-image: url(./img/characteristic.png);">
                <p>产品特性</p>
            </div>

            <div class="characteristic-content">

                <div class="characteristic-content-item">

                    <div class="characteristic-content-item-miaoshu">
                        <div class="article">
                            <div class="article_title">统一数据标准</div>
                            <div class="article_content">
                                <p>通过数据标准体系建设方法论+数据指标系统，统一数据指标口径，消除数据二义性</p>
                            </div>
                        </div>
                    </div>

                    <div class="characteristic-content-item-img">
                        <img src="./img/ant-b1.png" alt="图片丢失">
                    </div>

                </div>

                <div class="characteristic-content-item mb_flex_dcr">

                    <div class="characteristic-content-item-img">
                        <img src="./img/ant-b2.png" alt="图片丢失">
                    </div>

                    <div class="characteristic-content-item-miaoshu">
                        <div class="article">
                            <div class="article_title">统一数据服务</div>
                            <div class="article_content">
                                统一对外数据服务接口，实现所有需求，一个接口
                            </div>
                        </div>
                    </div>

                </div>

                <div class="characteristic-content-item">

                    <div class="characteristic-content-item-miaoshu">
                        <div class="article">
                            <div class="article_title">统一数据资产管理</div>
                            <div class="article_content">
                                提供企业级数据资产管理平台，并通过数据地图与数据血缘实现360°数据全链路追踪
                            </div>
                        </div>
                    </div>

                    <div class="characteristic-content-item-img">
                        <img src="./img/ant-b3.png" alt="图片丢失">
                    </div>

                </div>

            </div>
        </div>
    </div>

    <div class="paddingTB">

        <div class="w1200">

            <div class="head-title" style="background-image: url(./img/architecture.png);">
                <p>产品架构</p>
            </div>

            <div>
                <img class="full-picture" src="./img/architecture-picture.png" alt="图片丢失">
            </div>
        </div>

    </div>

    <div class="superiority paddingTB">

        <div class="w1200">
            <div class="head-title" style="background-image: url(./img/superiority.png);">
                <p>产品优势</p>
            </div>

            <div class="superiority-content">

                <div class="d-flex">

                    <div class="d-flex-item">
                        <img src="./img/superiority-1.png" alt="图片丢失">
                        <p>统一数据入口</p>
                        <p>自动关联元数据，可连接其他软件工具（ORACLE、DB2、DATASTAGE、MYSQL等）自动活手动获取元数据</p>
                    </div>

                    <div class="d-flex-item">
                        <img src="./img/superiority-2.png" alt="图片丢失">
                        <p>协作共享</p>
                        <p>多种系统授权，工程化管理<br>实现跨组织、跨部门多人协作</p>
                    </div>

                    <div class="d-flex-item">
                        <img src="./img/superiority-3.png" alt="图片丢失">
                        <p>数据安全</p>
                        <p>支持多租户隔离，全方位审计跟踪<br>库、表、行、列级权限控制体系<br>多种授权模式</p>
                    </div>

                </div>

                <div class="d-flex">

                    <div class="d-flex-item">
                        <img src="./img/superiority-4.png" alt="图片丢失">
                        <p>灵活易用的数据库管理</p>
                        <p>一键数据观察，掌握数据接口简单配置即可实现隐藏、替换、类型转化、去除空格等数据预处理操作</p>
                    </div>

                    <div class="d-flex-item">
                        <img src="./img/superiority-5.png" alt="图片丢失">
                        <p>开箱即用的分析方法</p>
                        <p>同比、环比、累计、预测、聚类等多种分析方法业务人员可以快速实现复杂分析</p>
                    </div>

                    <div class="d-flex-item">
                        <img src="./img/superiority-6.png" alt="图片丢失">
                        <p>丰富的可视化展示</p>
                        <p>柱、线、饼、地图、雷达、桑基等近三十种可视化统计图标RUL、富文本、图片等多种页面元素</p>
                    </div>

                </div>

            </div>
        </div>

    </div>

    <div class="R-Data paddingTB">

        <div class="w1200">
            <div class="head-title" style="background-image: url(./img/yingyong.png);">
            </div>
            <div class="R-Data-sub_title">
                数字驱动，从场景开始，R-Data 提供房地产行业平台级，多维度，全面分析
            </div>

            <div class="v-tab">
                <div class="v-tab-option">
                    <ul>
                        <li class="v-tab-option-active"><span class="iconfont icon-shujuzhongxin"></span>数据中心</li>
                        <li><span class="iconfont icon-zuzhijiagou-yuanqu"></span>城市市场</li>
                        <li><span class="iconfont icon-zhishu"></span>城房指数</li>
                        <li><span class="iconfont icon-xiangmucehua"></span>项目策划</li>
                        <li><span class="iconfont icon-hongguan"></span>城市宏观</li>
                    </ul>
                </div>
                <div class="v-tab-content">
                    <div class="v-tab-content-item v-tab-content-active">
                        <img src="./img/ant-b/ant-rd01.png">
                    </div>
                    <div class="v-tab-content-item">
                        <img src="./img/ant-b/ant-rd02.png">
                    </div>
                    <div class="v-tab-content-item">
                        <img src="./img/ant-b/ant-rd03.png">
                    </div>
                    <div class="v-tab-content-item">
                        <img src="./img/ant-b/ant-rd04.png">
                    </div>
                    <div class="v-tab-content-item">
                        <img src="./img/ant-b/ant-rd05.png">
                    </div>
                </div>
            </div>

            <div id="mb-RData" class="mb-RData">
                <div class="panel-group" id="RData_panel">
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            <a class="iconfont" data-toggle="collapse" data-parent="#RData_panel" href="#产品">
                                <img src="./img/active/只是文档.png">数据中心
                            </a>
                        </div>
                        <div id="产品" class="panel-collapse collapse in">
                            <div class="panel-body">
                                <img src="./img/ant-b/ant-rd01.png" alt="">
                            </div>
                        </div>
                    </div>
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            <a class="iconfont" data-toggle="collapse" data-parent="#RData_panel" href="#解决方案">
                                <img src="./img/active/合同.png">城市市场
                            </a>
                        </div>
                        <div id="解决方案" class="panel-collapse collapse">
                            <div class="panel-body">
                                <img src="./img/ant-b/ant-rd02.png" alt="">
                            </div>
                        </div>
                    </div>
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            <a class="iconfont" data-toggle="collapse" data-parent="#RData_panel" href="#项目案例">
                                项目案例
                            </a>
                        </div>
                        <div id="项目案例" class="panel-collapse collapse">
                            <div class="panel-body">
                                <img src="./img/ant-b/ant-rd03.png" alt="">
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <script>
                $(document).ready(function () {
                    $('.collapse.in').prev('.panel-heading').addClass('active');
                    $('#mb-RData')
                        .on('show.bs.collapse', function (a) {
                            $(a.target).prev('.panel-heading').addClass('active');
                        })
                        .on('hide.bs.collapse', function (a) {
                            $(a.target).prev('.panel-heading').removeClass('active');
                        });
                });
            </script>
        </div>

    </div>

    <!--<div class="project paddingTB">

        <div class="head-title" style="background-image: url(./img/projectcase.png);">
            <p>项目案例</p>
        </div>

        <div class="project-content">
            <img class="margin-center" src="./img/project-picture.png" alt="图片丢失">
        </div>

    </div> -->

</body>

</html>